<ul class="list-unstyled d-inline-flex mb-0 me-n3">
  {%- if settings.share_facebook -%}
    <li class="pe-3">
      <a
        class="flex-center"
        href="//www.facebook.com/sharer.php?u={{ shop.url | append: share_permalink }}"
        target="_blank"
        rel="nofollow"
      >
        {% render 'icon-social-media', media: 'facebook' %}
        <span class="visually-hidden">{{ 'general.social.alt_text.share_on_facebook' | t }}</span>
        <span class="visually-hidden">{{ 'accessibility.link_messages.new_window' | t }}</span>
      </a>
    </li>
  {%- endif -%}

  {%- if settings.share_twitter -%}
    <li class="pe-3">
      <a
        class="flex-center"
        href="//twitter.com/share?text={{ share_title | url_param_escape }}&amp;url={{ shop.url | append: share_permalink }}"
        target="_blank"
        rel="nofollow"
      >
        {% render 'icon-social-media', media: 'twitter' %}
        <span class="visually-hidden">{{ 'general.social.alt_text.share_on_twitter' | t }}</span>
        <span class="visually-hidden">{{ 'accessibility.link_messages.new_window' | t }}</span>
      </a>
    </li>
  {%- endif -%}

  {%- if settings.share_pinterest -%}
    <li class="pe-3">
      <a
        class="flex-center"
        href="//pinterest.com/pin/create/button/?url={{ shop.url | append: share_permalink }}}&amp;media={{ share_image | img_url: '1024x1024' }}&amp;description={{ share_title | url_param_escape }}"
        target="_blank"
        rel="nofollow"
      >
        {% render 'icon-social-media', media: 'pinterest' %}
        <span class="visually-hidden">{{ 'general.social.alt_text.share_on_pinterest' | t }}</span>
        <span class="visually-hidden">{{ 'accessibility.link_messages.new_window' | t }}</span>
      </a>
    </li>
  {%- endif -%}
</ul>
